var React = require('react');

import User from './User.jsx';

var users = [
    { username: 'Jerry', age: 21, gender: 'male' },
    { username: 'Tomy', age: 22, gender: 'male' },
    { username: 'Lily', age: 19, gender: 'female' },
    { username: 'Lucy', age: 20, gender: 'female' }
]

export default class Main extends React.Component {

    render() {
       return (
        <div>{users.map((user,index)=><User user={user} key={index}></User>)}</div>
       )
    }
}